Ember.js ব্যবহার করে একটি নতুন প্রজেক্ট তৈরি করা বেশ সহজ এবং এটি Ember CLI-এর সাহায্যে করা যায়। Ember CLI (Command Line Interface) প্রজেক্ট তৈরি, ডিপেন্ডেন্সি ম্যানেজমেন্ট, এবং ডেভেলপমেন্ট সার্ভার চালানোর মতো বিভিন্ন কাজ সহজ করে তোলে।
প্রাথমিক প্রয়োজনীয়তা
প্রথমে নিশ্চিত করুন যে আপনার সিস্টেমে নিম্নলিখিত সফটওয়্যার ইনস্টল রয়েছে:
- Node.js (LTS সংস্করণ বা তার উপরে)
- npm (Node.js এর প্যাকেজ ম্যানেজার)
- Ember CLI
যদি এগুলো ইনস্টল না থাকে, তাহলে Node.js এবং Ember CLI ইনস্টলেশনের ধাপগুলো অনুসরণ করুন।
নতুন Ember.js প্রজেক্ট তৈরি করার ধাপ
ধাপ ১: Ember CLI ইনস্টলেশন যাচাই
Ember CLI ইনস্টল হয়েছে কিনা তা যাচাই করতে নিচের কমান্ডটি চালান:
ember -v
আপনি Ember CLI-এর সংস্করণ দেখতে পাবেন। উদাহরণস্বরূপ:
ember-cli: 5.3.0
node: 16.18.0
os: darwin x64
ধাপ ২: নতুন প্রজেক্ট তৈরি করা
নতুন Ember.js প্রজেক্ট তৈরি করতে টার্মিনালে নিম্নলিখিত কমান্ডটি চালান:
ember new project-name
এখানে project-name এর স্থানে আপনার প্রোজেক্টের নাম দিন। উদাহরণ:
ember new my-app
ধাপ ৩: প্রজেক্ট ডিরেক্টরিতে প্রবেশ
প্রোজেক্ট তৈরি হওয়ার পরে, প্রজেক্ট ফোল্ডারে প্রবেশ করুন:
cd project-name
ধাপ ৪: ডিপেন্ডেন্সি ইনস্টল
প্রোজেক্ট তৈরি করার সময় প্রয়োজনীয় ডিপেন্ডেন্সি ইনস্টল করতে Ember CLI আপনাকে অনুমতি চাইতে পারে। আপনি Y চাপুন। যদি এটি ইনস্টল না হয়ে থাকে, তাহলে নিচের কমান্ডটি ম্যানুয়ালি চালান:
npm install
ডেভেলপমেন্ট সার্ভার চালানো
Ember.js অ্যাপ্লিকেশন চালানোর জন্য একটি ডেভেলপমেন্ট সার্ভার ব্যবহার করা হয়। এটি চালু করতে নিচের কমান্ডটি ব্যবহার করুন:
ember serve
ডিফল্টভাবে, Ember.js সার্ভার http://localhost:4200/ এ চলে। আপনার ব্রাউজারে এই URL-এ গিয়ে অ্যাপ্লিকেশনটি দেখতে পারবেন।
প্রজেক্ট গঠন
একটি নতুন Ember.js প্রজেক্ট তৈরি করলে নিচের মতো ফোল্ডার এবং ফাইলের গঠন তৈরি হয়:
- app/: অ্যাপ্লিকেশনের মূল সোর্স কোড এখানে থাকে।
- config/: অ্যাপ্লিকেশনের কনফিগারেশন ফাইল।
- tests/: টেস্ট ফাইল এবং টেস্ট কেস গুলো সংরক্ষিত।
- package.json: প্রোজেক্টের ডিপেন্ডেন্সি এবং স্ক্রিপ্ট সংক্রান্ত তথ্য।
- ember-cli-build.js: Ember CLI বিল্ড প্রক্রিয়া সংক্রান্ত তথ্য।
প্রাথমিক টেমপ্লেট কাস্টমাইজ করা
প্রোজেক্ট তৈরি করার পর app/templates/application.hbs ফাইলটি খুঁজে বের করুন। এটি অ্যাপ্লিকেশনের প্রধান টেমপ্লেট। এতে প্রাথমিকভাবে একটি কন্টেন্ট যোগ করতে পারেন:
<h1>Welcome to My Ember.js App</h1>
<p>This is my first Ember.js project!</p>
এরপরে ব্রাউজারে আপডেটটি দেখতে সার্ভারটি রিফ্রেশ করুন।
Ember.js-এর এই প্রাথমিক প্রজেক্ট তৈরি প্রক্রিয়া আপনাকে একটি ভিত্তি দেবে, যার উপর আপনি বড় এবং জটিল অ্যাপ্লিকেশন তৈরি করতে পারবেন। এটি দ্রুত এবং কার্যকর ডেভেলপমেন্ট নিশ্চিত করে।
Read more
